﻿

.banner{height: 100%; overflow: hidden; position: relative; z-index: 9;}
#slides li{
	position: absolute
}

#slides li {
	left: 0;
	top: 0;
	opacity: 0; z-index: 1; width:100%;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-moz-transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-ms-transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-o-transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s; background:#fff;
}

#slides li img {
	/*-webkit-transform: scale3d(1.05,1.05,1.05);
	transform: scale3d(1.05,1.05,1.05);
	-webkit-transition: -webkit-transform 4s;
	transition: transform 4s; */
	width: 100%;
}

#slides li.active {
	z-index: 2
}



#slides li.aniActive {
	opacity: 1;
	filter: alpha(opacity=100);
	
}

#slides li.aniActive img {
	/*-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)*/
}


.banner span.txt{background:url(../fonts/89009f3375d94d7a8e30f25612176e9f.ttf); /*这里是字体文件路径*/ 
} 



/*.partA {padding-top:50px;}*/
.partA .con{width: 84%; margin: 0 auto; padding-bottom: 80px;}
.partA .con li{float: left; width: 25%; position: relative; overflow: hidden; text-align: center;}
.partA .con li a{margin:0 5px;
overflow: hidden;
 position: relative; display: block; background:url(../images/none.png) no-repeat center center;
background-size: 100% 100%;}
.partA .con li img{width: 100%; height: auto;}
.partA .con li a span.txt{
	color: #fff; 
	font-size: 48px; 
	line-height:50px; 
	position:absolute; 
	left: 0; 
	top: 50%; 
	margin-top: -50px;
	width: 100%; z-index: 3;transition: color .5s;
}
.partA .con li a span.txt small{display: block; font-size: 20px; line-height: 24px;
	font-size: 18px;
    font-family: 'SketchRockwell', sans-serif;
}
.partA .con li a span.bg{width: 100%; height: 100%; 
	position: absolute; 
	left: 10px; top:10px; overflow: hidden;
	z-index: 2;
}
.partA .con li a span.bg b{
	background:url(../images/whiteopacity.png); width: 100%; height: 100%; 
	position: absolute; left: 0; top:100%;
	transition:all 0.3s ease; 
}
.partA .con li:hover a span.bg b{
	top:0%;
	
}

.partA .con li:hover a span.txt{color: #444;}

.partA .con li a img{
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
}
.partA .con li:hover a img{
	-webkit-transform: scale3d(1.1,1.1,1.1);
	transform: scale3d(1.1,1.1,1.1);
}


.partB .partB_content1 img{
	width: 100%;
}
/*大于798宽度*/
.partB_content1{
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
.partB_content1 .S_partB_sliders{
	width: 64%;
	position: relative;
}

.partB_content1 .S_partB_right1{
	position: absolute;
	top: 0;
	right: 0;
	width: 35%;
	overflow: hidden;
}
.partB_content1 .S_partB_right2{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 35%;
	overflow: hidden;
}
.S_partB_sliders li{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0; z-index: 1;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-moz-transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-ms-transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-o-transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	transition: opacity 1s cubic-bezier(.445,.05,.55,.95) 0s;
	background:#fff;
}
.S_partB_sliders li.active {
	z-index: 2;
	position: relative;
}
.S_partB_sliders li.aniActive {
	opacity: 1;
	filter: alpha(opacity=100);
}
.S_partB_sliders_txt{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 13.1%;
	background-color: rgba(0,0,0,0.5);
	z-index: 99;
}
.S_partB_sliders_txt p{
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	line-height: 2.9;
	padding-left: 24px;
	color: #fff;
}
.S_partB_sliders_tab{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 66.8%;
	height: 13.1%;
	/*background-color: rgba(0,0,0,0.5);*/
	z-index: 99;
}
.S_partB_sliders_tab ul{
	position: absolute;
	right: 2%;
	top: 50%;
	margin-top: -3px;
}
.S_partB_sliders_tab li{
	float: left;
	width: 6px;
	height: 6px;
	margin-right: 10px;
	background-color: #888d8d;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-moz-transition: all 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-ms-transition: all 1s cubic-bezier(.445,.05,.55,.95) 0s;
	-o-transition: all 1s cubic-bezier(.445,.05,.55,.95) 0s;
	transition: all 1s cubic-bezier(.445,.05,.55,.95) 0s;
}
.S_partB_sliders_tab li.on{
	-webkit-transform:scale(1.3,1.3);
	-moz-transform:scale(1.3,1.3);
	-ms-transform:scale(1.3,1.3);
	-o-transform:scale(1.3,1.3);
	transform:scale(1.3,1.3);
	background-color: #fff;
}

.partB .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 10px;
	overflow: hidden;
	z-index: 2;
	background:url(../images/whiteopacity.png);
	top:100%;
	transition:all 0.3s ease;
}
.partB .bg span.txt{
	color: #333;
	font-size: 24px;
	line-height:50px;
	position:absolute;
	left: 0;
	top: 50%;
	margin-top: -25px;
	width: 100%;
	text-align: center;
	z-index: 3;
	transition: color .5s;
}
.partB .bg small{
	position: absolute;
	display: block;
	width: 26%;
	top: 60%;
	left: 34.596%;
}
.partB .S_partB_right1:hover .bg{
	top:10px;
}
.partB .S_partB_right1 a>img{
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
}
.partB .S_partB_right1:hover a>img{
	-webkit-transform: scale3d(1.1,1.1,1.1);
	transform: scale3d(1.1,1.1,1.1);
}
.partB .S_partB_right2:hover .bg{
	top:10px;
}
.partB .S_partB_right2 a>img{
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
	-webkit-transition: -webkit-transform 1s;
	transition: transform 1s;
}
.partB .S_partB_right2:hover a>img{
	-webkit-transform: scale3d(1.1,1.1,1.1);
	transform: scale3d(1.1,1.1,1.1);
}



.partC{margin-bottom: 80px;}
.zhenxuanList li{float: left; width: 25%; overflow: hidden;}
.zhenxuanList li a{display: block; width: 100%; height: 100%; position: relative;}
.zhenxuanList li img{width: 100%;}
.zhenxuanList li .txt{position: relative; z-index: 2}
.zhenxuanList li .txt .c{position: absolute; left: 10%; top: 50%; margin-top: -60px; width: 80%;
transition:all 0.5s ease; 
}
.zhenxuanList li .txt h3{font-size: 24px; line-height: 140%; margin-bottom: 10px; color: #333}
.zhenxuanList li .txt p{color: #999;font-size: 16px;line-height: 180%;}
.zhenxuanList li .bg{background:url(../images/whiteopacity.png); width: 100%;
	position: absolute; left: 10px;
	transition:all 0.3s ease; }

.zhenxuanList li.li_bottom .bg{bottom:100%;}
.zhenxuanList li.li_top .bg{top:100%;}

.zhenxuanList li.li_top:hover .bg{top:10px;}
.zhenxuanList li.li_bottom:hover .bg{bottom: 10px;}

.zhenxuanList li.li_bottom:hover .txt .c{ padding-top:40%; }
.zhenxuanList li.li_top:hover .txt .c{top:30px; }